<ui:composition template="templateCliente.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<h:head>
	</h:head>
	<ui:define name="listarReclamosVenta">
		<h:form>
			<p:growl id="mensajes" showDetail="true" life="2000" sticky="true"
				autoUpdate="true" />
			<p:dataTable id="dataTable" var="r"
				value="#{ventaBean.reclamosModel}" paginator="true" rows="10">
				<f:facet name="header">
		           Reclamos ingresados
		        </f:facet>
				<p:column>
					<f:facet name="header">
						<h:outputText value="Fecha de ingreso" />
					</f:facet>
					<h:outputText value="#{r.fecha}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="Contenido digital" />
					</f:facet>
					<h:outputText value="#{r.venta.version.contDig.descripcion}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="Descripción del Reclamo" />
					</f:facet>
					<h:outputText value="#{r.descripcion}" />
				</p:column>
				<p:column>
					<p:commandButton value="Modificar"
						action="#{reclamoBean.buscarReclamo}" icon="ui-icon-pencil">
						<f:setPropertyActionListener target="#{reclamoBean.idReclamoModificar}"
							value="#{r.idReclamo}" />
					</p:commandButton>
				</p:column>
				<p:column>
					<p:growl id="eliminar" showDetail="true" />
					<p:commandButton id="dos" value="Eliminar"
						action="#{reclamoBean.eliminarReclamo}" rendered="true" update="dataTable" icon="ui-icon-trash">
						<f:setPropertyActionListener
							target="#{reclamoBean.idReclamoEliminar}" value="#{r.idReclamo}"></f:setPropertyActionListener>
						<p:confirm header="Confirmacion"
							message="¿Desea eliminar el reclamo? #{r.idReclamo}"
							icon="ui-icon-alert" />
					</p:commandButton>
										<p:confirmDialog global="true" showEffect="fade"
						hideEffect="explode">
						<p:commandButton value="Si" type="button"
							styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
						<p:commandButton value="No" type="button"
							styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
					</p:confirmDialog>
				</p:column>
			</p:dataTable>
			<p:commandButton id="volver" value="Volver" update="mensajes"
				onclick="history.back()" />
		</h:form>
	</ui:define>
</ui:composition>

